<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>九龄</title>
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="nav-top">  
        <div class="nav">
            <ul class="nav-left">
                <li><a href="">小米商城</a></li>
                <li><a href="">MIUI</a></li>
                <li><a href="">IOT</a></li>
                <li><a href="">云服务</a></li>
                <li><a href="">金融</a></li>
                <li><a href="">有品</a></li>
                <li><a href="">小爱开放平台</a></li>
                <li><a href="">政企服务</a></li>
                <li><a href="">资质证照</a></li>
                <li><a href="">协议规则</a></li>
                <li><a href="">下载app</a></li>
                <li><a href="">Select Region</a></li>
            </ul>
            
            <ul class="nav-right">
                <li><a href="">游戏通知</a></li>
                <li><a href="">注册</a></li>
                <li><a href="">登录</a></li>
            </ul>
            <div class="shopcar"><span class="iconfont shop">&#xe610;</span><a href="">购物车</a>（0）</div>
        </div>
    </div>
    <!-- 第二行导航 -->
    <nav>
        <ul>
            <li class="xiaomi xiaomi1">
                <a href="">小米手机</a>
                
                <div>
                    <ul class="nav-hover1 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li class="xiaomi xiaomi2">
                <a href="">红米</a>
                
                <div>
                    <ul class="nav-hover2 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li class="xiaomi xiaomi3">
                <a href="">电视</a>
                
                <div>
                    <ul class="nav-hover3 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li class="xiaomi xiaomi4">
                <a href="">笔记本</a>
                
                <div>
                    <ul class="nav-hover4 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li class="xiaomi xiaomi5">
                <a href="">家电</a>
                
                <div>
                    <ul class="nav-hover5 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li class="xiaomi xiaomi6">
                <a href="">新品</a>
                
                <div>
                    <ul class="nav-hover6 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li class="xiaomi xiaomi7">
                <a href="">路由器</a>
                
                <div>
                    <ul class="nav-hover7 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li class="xiaomi xiaomi8">
                <a href="">智能硬件</a>
                
                <div >
                    <ul class="nav-hover8 xiaomi-nav">
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                        <li><span>小米</span></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">服务</a>
               
            </li>
            <li><a href="">社区</a></li>
        </ul>
        <div></div>
        
        <div>
            <form action="" method="GET">
                <input type="text" name="text" autocomplete="off">
                
                <label for="#submit" id="sousuo"><input type="submit" value="sousu"class="submit" ><span class="iconfont" id="fangdajing">&#xe609;</span></label>
            </form>
             
        </div>
        <div class="logo"><a href=""></a></div>
        
        
    </nav>
     
    <section class="carousel">
        <ul>
            <li>
                <a href="">手机</a>
                &nbsp;
                <a href="">电话卡</a>
                <span class="iconfont">&#xe7bd;</span>
                <div class="firstpage"> 
                    <ul>
                        <li>小米9</li>
                        <li>小米8 SE</li>
                        <li>Redmi7</li>
                        <li>移动4G+专区</li>
                        <li>小米9 SE</li>
                        <li>小米MIX 2S</li>
                        <li>Redmi Note 7 Pro</li>
                        <li>对比手机</li>
                        <li>小米MIX 3</li>
                        <li>小米Max 3</li>
                        <li>Redmi Note 7</li>
                        <li>米粉卡 日租卡</li>
                        <li>小米8 青春版</li>
                        <li>小米6X</li>
                        <li>红米6</li>
                        <li>小米移动 电话卡</li>
                        <li>小米8 屏幕指纹版</li>
                        <li>黑鲨游戏手机 2</li>
                        <li>红米6A</li>
                        <li>手机上门维修</li>
                        <li>小米8</li>
                        <li>黑鲨游戏手机</li>
                        <li>红米Note 5</li>
                        <li>云服务空间月卡</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">电视</a>
                &nbsp;
                <a href="">盒子</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="secondpages">
                    <ul>
                        <li>米家激光投影电视</li>
                        <li>小米电视4A 65英寸</li>
                        <li>小米电视4X 55英寸</li>
                        <li>小米电视4S 55英寸</li>
                        <li>小米电视4A 32英寸</li>
                        <li>小米电视4C 32英寸</li>
                        <li>小米电视 体育版</li>
                        <li>小米电视4S 55英寸曲面</li>
                        <li>小米电视4A 43英寸青春版</li>
                        <li>小米电视4C 40英寸</li>
                        <li>小米电视4 55英寸</li>
                        <li>小米电视4S 65英寸</li>
                        <li>小米电视4A 50英寸</li>
                        <li>小米电视4C 43英寸</li>
                        <li>小米电视4 65英寸旗舰版</li>
                        <li>小米电视4S 65英寸PRO</li>
                        <li>小米电视4A 55英寸</li>
                        <li>小米电视4C 50英寸</li>
                        <li>小米电视4S 32英寸</li>
                        <li>小米电视4S 75英寸</li>
                        <li>小米电视4A 58英寸</li>
                        <li>小米电视4X 43英寸</li>
                        <li>小米电视4S 50英寸</li>
                        <li>小米盒子</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">笔记本</a>
                &nbsp;<a href="">平板</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="thirdpages">
                    <ul>
                        <li>小米笔记本 15.6“</li>
                        <li>鼠标/鼠标垫</li>
                        <li>小米笔记本 13.3”</li>
                        <li>转接器</li>
                        <li>小米笔记本 12.5“</li>
                        <li>平板配件</li>
                        <li>小米游戏本</li>
                        <li>笔记本双肩包</li>
                        <li>小米平板4</li>
                        <li>小米笔记本内胆包</li>
                        <li>键盘</li>
                    </ul>

                </div>
            </li>
            <li>
                <a href="">家电</a>
                &nbsp;<a href="">插线板</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="fourthpages">
                    <ul>
                        <li>米家互联网空调</li>
                        <li>净水器滤芯</li>
                        <li>厨房用具</li>
                        <li>插线板</li>
                        <li>米家互联网空调C1</li>
                        <li>扫地机器人</li>
                        <li>电水壶</li>
                        <li>新风机</li>
                        <li>米家空调</li>
                        <li>扫地机配件</li>
                        <li>滤水壶</li>
                        <li>电暖器</li>
                        <li>米家互联网洗烘一体机</li>
                        <li>空气净化器</li>
                        <li>落地风扇</li>
                        <li>电压力锅</li>
                        <li>Redmi全自动波轮洗衣机</li>
                        <li>电饭煲</li>
                        <li>投影仪</li>
                        <li>料理机</li>
                        <li>净水器</li>
                        <li>电磁炉</li>
                        <li>灯具</li>
                        <li>电煮壶</li>
                    </ul>

                </div>
            </li>
            <li>
                <a href="">出行</a>
                &nbsp;
                <a href="">穿戴</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="fifthpages">
                    <ul>
                        <li>手环手表</li>
                        <li>VR</li>
                        <li>平衡车</li>
                        <li>滑板车</li>
                        <li>车载逆变器</li>
                        <li>平衡车配件</li>
                        <li>智能后视镜</li>
                        <li>智能记录仪</li>
                        <li>车载空气净化器</li>
                        <li>无线车充</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">智能</a>
                &nbsp;
                <a href="">路由器</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="sixthpages">
                    <ul>
                        <li>打印机</li>
                        <li>路由器</li>
                        <li>对讲机</li>
                        <li>智能家庭</li>
                        <li>无人机</li>
                        <li>摄像机</li>
                        <li>照相机</li>
                        <li>智能门锁</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">电源</a>
                &nbsp;<a href="">配件</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="seventhpages">
                    <ul>
                        <li>移动电源</li>
                        <li>数据线</li>
                        <li>车充</li>
                        <li>充电器</li>
                        <li>无线充</li>
                        <li>电池</li>
                        <li>自拍杆</li>
                        <li>手机壳</li>
                        <li>手机贴膜</li>
                        <li>手机支架</li>
                        <li>平板配件</li>
                        <li>黑鲨配件</li>
                        <li>其他配件</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">健康</a>
                &nbsp;<a href="">儿童</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="eighthpages">
                    <ul >
                        <li>洗手机</li>
                        <li>剃须刀</li>
                        <li>日光镜</li>
                        <li>牙刷</li>
                        <li>吹风机</li>
                        <li>体重秤</li>
                        <li>血压计</li>
                        <li>体温计</li>
                        <li>早教启智</li>
                        <li>遥控电动</li>
                        <li>益智积木</li>
                        <li>儿童手表</li>
                        <li>儿童滑板车</li>
                        <li>米兔拉杆箱</li>
                        <li>婴儿推车</li>
                        <li>儿童书包</li>
                        <li>婴儿理发器</li>
                        <li>儿童保温杯</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">耳机</a>
                &nbsp;
                <a href="">音箱</a>
                <span class="iconfont" >&#xe7bd;</span>
                <div class="ninththpages">
                    <ul >
                        <li>小米小爱音箱mini</li>
                        <li>线控耳机</li>
                        <li>蓝牙耳机</li>
                        <li>头戴耳机</li>
                        <li>品牌耳机</li>
                        <li>蓝牙音箱</li>
                        <li>小米AI音箱</li>
                        <li>小米小爱音箱HD</li>
                        <li>K歌耳机</li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="">生活</a>
                &nbsp;
                <a href="">箱包</a>
                <span class="iconfont">&#xe7bd;</span>
                <div class="tenthpages">
                    <ul>
                        <li>双肩包</li>
                        <li>钱包</li>
                        <li>旅行箱</li>
                        <li>运动鞋</li>
                        <li>服饰</li>
                        <li>眼镜</li>
                        <li>床垫</li>
                        <li>枕头</li>
                        <li>沙发</li>
                        <li>饰品</li>
                        <li>螺丝刀</li>
                        <li>保温杯</li>
                        <li>伞</li>
                        <li>驱蚊器</li>
                        <li>尤克里里</li>
                        <li>毛巾/浴巾</li>
                        <li>米兔</li>
                        <li>签字笔</li>
                    </ul>
                </div>
            </li>
        </ul>


        <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slide-1"></div>
                    <div class="swiper-slide slide-2"></div>
                    <div class="swiper-slide slide-3"></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev btn-left"></div>
                <div class="swiper-button-next"></div>
                
                <!-- 如果需要滚动条 -->
                <div class="swiper-scrollbar"></div>
            </div>
    </section>

    <section class="ban-one">
        <ul>
            <li>
                    
                <ul>
                    <li><span class="iconfont">&#xe617;</span><a>选购手机</a></li>
                    <li><span class="iconfont">&#xe60b;</span><a href="">企业团购</a></li>
                    <li><span class="iconfont">&#xe67a;</span><a>F码通道</a></li>
                    <li><span class="iconfont">&#xe601;</span><a>米粉卡</a></li>
                    <li><span class="iconfont">&#xe60f;</span><a>以旧换新</a></li>
                    <li><span class="iconfont">&#xe799;</span><a>话费充值</a></li>
                </ul>
            </li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </section>

    <section class="ban-two">

    </section>
    <section class="ban-tre">
        <article class="shouji-top">
                <h2>手机</h2>
                <div>
                    <a href="">查看全部
                        <span class="iconfont check">&#xe7bd;</span>
                    </a>
                </div>
        </article>
        <article class="shouji-bottom">
            <div>
                <img src="http://i1.mifile.cn/a4/xmad_15541026226883_mGDvh.jpg" alt="">
            </div>
            <div>
                <ul>
                    <li>
                        <img src="./images/mi9-80.png" alt=""><br>
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                        
                    </li>
                    <li>
                        <img src="./images/mi9-80.png" alt="">
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                    </li>
                    <li>
                        <img src="./images/mi9-80.png" alt="">
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                    </li>
                    <li>
                        <img src="./images/mi9-80.png" alt="">
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                    </li>
                    <li>
                        <img src="./images/mi9-80.png" alt="">
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                    </li>
                    <li>
                        <img src="./images/mi9-80.png" alt="">
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                    </li>
                    <li>
                        <img src="./images/mi9-80.png" alt="">
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                    </li>
                    <li>
                        <img src="./images/mi9-80.png" alt="">
                        <div><a href="">小米9 6GB+128GB</a></div>
                        <p>骁龙855，索尼4800万超广角微距三摄</p>
                        <span>2999元</span>
                    </li>
                </ul>
            </div>
        </article>
        <article class="zhuanchang">
            <img src="http://i1.mifile.cn/a4/xmad_15541167606382_MncTm.jpg" alt="">
        </article>

        <article class="jiadian window">
                <ul class="jiadian-ban jiadian-ban1" id="jiadian-ban-top" >
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                            <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                        </li>
                    </ul>
            <h2>家电</h2>
            <div>
                <ul>
                    <li>
                        <a>热门</a>
                        <ul class="jiadian-ban jiadian-ban2">
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>电视影音</a>
                        <ul class="jiadian-ban jiadian-ban1">
                            <li>
                                <img src="./images/TV4A-43QC.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>电脑</a>
                        <ul class="jiadian-ban jiadian-ban3">
                            <li>
                                <img src="./images/TV4S-55Q.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>家居</a>
                        <ul class="jiadian-ban jiadian-ban4">
                            <li>
                                <img src="./images/TV4s-55xin.jpg" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

        </article>
        <article class="jiadian-bottom">
            <ul>
                <li><img src="http://i1.mifile.cn/a4/xmad_15540350978226_wSAoN.jpg" alt=""></li>
                <li><img src="http://i1.mifile.cn/a4/xmad_15540350201913_eClHA.jpg" alt=""></li>
            </ul>
            

        </article>
        <div class="xiaomimu"><img src="http://i1.mifile.cn/a4/xmad_15539285884923_daZYV.jpg" alt=""></div>
        <!-- 智能 -->
        <article class="jiadian zhineng">
                <ul class="jiadian-ban jiadian-ban1" id="jiadian-ban-top" >
                        <li>
                            <img src="http://i1.mifile.cn/a1/pms_1488272686.62666302!220x220.jpg" alt="">
                            <div>
                                <a href="">小米米家电动滑板车</a>
                            </div>
                            <p>极简几何设计，1分钟轻松上手</p>
                            <div>
                                <span>1999元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="http://i1.mifile.cn/a4/2b69b930-a2fd-4d09-a46a-8690cb79f764" alt="">
                            <div>
                                <a href="">电助力折叠自行车</a>
                            </div>
                            <p>力距传感助力，折叠便携设计</p>
                            <div>
                                <span>2999元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="http://i1.mifile.cn/a1/pms_1522071421.29489244!220x220.jpg" alt="">
                            <div>
                                <a href="">米兔遥控小飞机</a>
                            </div>
                            <p>米兔遥控小飞机</p>
                            <div>
                                <span>399元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="http://i1.mifile.cn/a1/pms_1506733860.3164711!220x220.jpg" alt="">
                            <div>
                                <a href="">米家车载空气净化器（USB车充...）</a>
                            </div>
                            <p>双风机循环气流，高效净化车内空气</p>
                            <div>
                                <span>499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="http://i1.mifile.cn/a1/pms_1478761096.92412274!220x220.jpg" alt="">
                            <div>
                                <a href="">Amazfit 运动手表</a>
                            </div>
                            <p>蓝牙听歌，运动心率，智能通知提醒</p>
                            <div>
                                <span>799元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="http://i1.mifile.cn/a1/pms_1496730880.16174470!220x220.jpg" alt="">
                            <div>
                                <a href="">小蚁微单相机M1双摄套机</a>
                            </div>
                            <p>2016万有效像素，4K视频录制</p>
                            <div>
                                <span>2999元</span>
                                
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="http://i1.mifile.cn/a1/pms_1491312153.28261682!220x220.jpg" alt="">
                            <div>
                                <a href="">米家全景相机套装</a>
                            </div>
                            <p>2388万有效像素/3.5K视频录制</p>
                            <div>
                                <span>1699元</span>
                               
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <div><img src="http://i1.mifile.cn/a1/pms_1492509229.84515978!220x220.jpg" alt=""></div>
                            <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                        </li>
                    </ul>
            <h2>智能</h2>
            <div>
                <ul>
                    <li>
                        <a>出行</a>
                        <ul class="jiadian-ban jiadian-ban2">
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>健康</a>
                        <ul class="jiadian-ban jiadian-ban1">
                            <li>
                                <img src="./images/TV4A-43QC.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>酷玩</a>
                        <ul class="jiadian-ban jiadian-ban3">
                            <li>
                                <img src="./images/TV4S-55Q.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>路由器</a>
                        <ul class="jiadian-ban jiadian-ban4">
                            <li>
                                <img src="./images/TV4s-55xin.jpg" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <img src="./images/TV4A-32.png" alt="">
                                <div>
                                    <a href="">小米电视4X 43英寸</a>
                                </div>
                                <p>65“电视4A+米家互联网空调+米家洗...</p>
                                <div>
                                    <span>1399元</span>
                                    <span class="old">1499元</span>
                                </div>
                                <span></span>
                            </li>
                            <li>
                                <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                                <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

        </article>
        <article class="jiadian-bottom zhineng-bottom">
            <ul>
                <li><img src="http:////i1.mifile.cn/a4/xmad_15266395374048_JnZQo.jpg" alt=""></li>
                <li><img src="http://i1.mifile.cn/a4/xmad_15501975795809_qmOCe.jpg" alt=""></li>
            </ul>
            
        </article>
        <div class="xiaomiair"><img src="http://i1.mifile.cn/a4/xmad_15517943282724_lhogK.jpg" alt=""></div>

        <!-- 搭配 -->
        <article class="jiadian dapei">
            <ul class="jiadian-ban jiadian-ban1" id="jiadian-ban-top" >
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
        <h2>搭配</h2>
        <div>
            <ul>
                <li>
                    <a>热门</a>
                    <ul class="jiadian-ban jiadian-ban2">
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                            <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                        </li>
                    </ul>
                </li>
                <li>
                    <a>电视影音</a>
                    <ul class="jiadian-ban jiadian-ban1">
                        <li>
                            <img src="./images/TV4A-43QC.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                            <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                        </li>
                    </ul>
                </li>
                <li>
                    <a>电脑</a>
                    <ul class="jiadian-ban jiadian-ban3">
                        <li>
                            <img src="./images/TV4S-55Q.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                            <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                        </li>
                    </ul>
                </li>
                <li>
                    <a>家居</a>
                    <ul class="jiadian-ban jiadian-ban4">
                        <li>
                            <img src="./images/TV4s-55xin.jpg" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <img src="./images/TV4A-32.png" alt="">
                            <div>
                                <a href="">小米电视4X 43英寸</a>
                            </div>
                            <p>65“电视4A+米家互联网空调+米家洗...</p>
                            <div>
                                <span>1399元</span>
                                <span class="old">1499元</span>
                            </div>
                            <span></span>
                        </li>
                        <li>
                            <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                            <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

    </article>
    <article class="jiadian-bottom dapei-bottom">
        <ul>
            <li><img src="http://i1.mifile.cn/a4/xmad_15540350978226_wSAoN.jpg" alt=""></li>
            <li><img src="http://i1.mifile.cn/a4/xmad_15540350201913_eClHA.jpg" alt=""></li>
        </ul>
        
    
    </article>
    <div class="mijia"><img src="http://i1.mifile.cn/a4/xmad_1554365372105_AducK.jpg" alt=""></div>
      <!-- 配件   -->
    <article class="jiadian peijian">
        <ul class="jiadian-ban jiadian-ban1" id="jiadian-ban-top" >
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                    <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                </li>
            </ul>
    <h2>配件</h2>
    <div>
        <ul>
            <li>
                <a>热门</a>
                <ul class="jiadian-ban jiadian-ban2">
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
            <li>
                <a>电视影音</a>
                <ul class="jiadian-ban jiadian-ban1">
                    <li>
                        <img src="./images/TV4A-43QC.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
            <li>
                <a>电脑</a>
                <ul class="jiadian-ban jiadian-ban3">
                    <li>
                        <img src="./images/TV4S-55Q.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
            <li>
                <a>家居</a>
                <ul class="jiadian-ban jiadian-ban4">
                    <li>
                        <img src="./images/TV4s-55xin.jpg" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

    </article>
    <article class="jiadian-bottom peijian-bottom">
        <ul>
            <li><img src="http://i1.mifile.cn/a4/xmad_15540350978226_wSAoN.jpg" alt=""></li>
            <li><img src="http://i1.mifile.cn/a4/xmad_15540350201913_eClHA.jpg" alt=""></li>
        </ul>
        

    </article>
    <div class="xiaomi9"><img src="http://i1.mifile.cn/a4/xmad_15530014418575_PxVZQ.jpg" alt=""></div>
    <!-- 周边 -->
    <article class="jiadian zhoubian">
        <ul class="jiadian-ban jiadian-ban1" id="jiadian-ban-top" >
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <img src="./images/TV4A-32.png" alt="">
                    <div>
                        <a href="">小米电视4X 43英寸</a>
                    </div>
                    <p>65“电视4A+米家互联网空调+米家洗...</p>
                    <div>
                        <span>1399元</span>
                        <span class="old">1499元</span>
                    </div>
                    <span></span>
                </li>
                <li>
                    <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                    <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                </li>
            </ul>
    <h2>周边</h2>
    <div>
        <ul>
            <li>
                <a>热门</a>
                <ul class="jiadian-ban jiadian-ban2">
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
            <li>
                <a>电视影音</a>
                <ul class="jiadian-ban jiadian-ban1">
                    <li>
                        <img src="./images/TV4A-43QC.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
            <li>
                <a>电脑</a>
                <ul class="jiadian-ban jiadian-ban3">
                    <li>
                        <img src="./images/TV4S-55Q.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
            <li>
                <a>家居</a>
                <ul class="jiadian-ban jiadian-ban4">
                    <li>
                        <img src="./images/TV4s-55xin.jpg" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <img src="./images/TV4A-32.png" alt="">
                        <div>
                            <a href="">小米电视4X 43英寸</a>
                        </div>
                        <p>65“电视4A+米家互联网空调+米家洗...</p>
                        <div>
                            <span>1399元</span>
                            <span class="old">1499元</span>
                        </div>
                        <span></span>
                    </li>
                    <li>
                        <div><img src="./images/hezibai480_80.jpg" alt=""></div>
                        <div><span class="iconfont spar" id="spar">&#xe616;</span></div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

    </article>
    <article class="jiadian-bottom zhoubian-bottom">
        <ul>
            <li><img src="http://i1.mifile.cn/a4/xmad_15540350978226_wSAoN.jpg" alt=""></li>
            <li><img src="http://i1.mifile.cn/a4/xmad_15540350201913_eClHA.jpg" alt=""></li>
        </ul>
        

    </article>
    <div class="redmi-note7"><img src="http://i1.mifile.cn/a4/xmad_15536850182482_QNyJC.jpg" alt=""></div>

    <article class="tuijian">
        <h2>为你推荐</h2>
        <div>
            <span class="iconfont">&#xe6bc;</span>
            <span class="iconfont">&#xe6ab;</span>
            <ul>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1492999959.43955760!140x140.jpg" alt="">
                    <div><a href=""> TS尼龙偏光太阳镜 </a></div>
                    <span>149元</span>
                    <span>1.8万人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1535444426.79533962!140x140.jpg" alt="">
                    <div><a href=""> 米家扫地机器人边刷 </a></div>
                    <span>29元</span>
                    <span>2713人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/T1LqYgBCWv1RXrhCrK!140x140.jpg" alt="">
                    <div><a href=""> 小米随身蓝牙音箱 </a></div>
                    <span>69元</span>
                    <span>4.2万人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1480066629.77799920!140x140.jpg" alt="">
                    <div><a href="">小米二合一数据线100cm</a></div>
                    <span>24.9元</span>
                    <span>3.2万人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1490865582.0815024!140x140.jpg" alt="">
                    <div><a href="">小米方盒子蓝牙音箱2</a></div>
                    <span>129元</span>
                    <span>1万人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1528440985.59935969!140x140.jpg" alt="">
                    <div><a href="">小米蓝牙音箱</a></div>
                    <span>99元</span>
                    <span>2043人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1528440985.59935969!140x140.jpg" alt="">
                    <div><a href="">小米蓝牙音箱</a></div>
                    <span>199元</span>
                    <span>3.2万人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1528440985.59935969!140x140.jpg" alt="">
                    <div><a href="">小米蓝牙音箱</a></div>
                    <span>199元</span>
                    <span>3.2万人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1528440985.59935969!140x140.jpg" alt="">
                    <div><a href="">小米蓝牙音箱</a></div>
                    <span>199元</span>
                    <span>3.2万人好评</span>
                </li>
                <li>
                    <img src="http://i1.mifile.cn/a1/pms_1528440985.59935969!140x140.jpg" alt="">
                    <div><a href="">小米蓝牙音箱</a></div>
                    <span>199元</span>
                    <span>3.2万人好评</span>
                </li>
                <li> 
                    <img src="http://i1.mifile.cn/a1/pms_1528440985.59935969!140x140.jpg" alt="">
                    <div><a href="">小米蓝牙音箱</a></div>
                    <span>199元</span>
                    <span>3.2万人好评</span></li>
            </ul>
        </div>
    </article>
    <article class="reping">
        <h2>热评产品</h2>
        <ul>
            <li>
                <img src="http://i1.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe" alt="">
                <p>包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>
                <span> 来自于 HZG 的评价 </span>
                <div><span>小米插线板</span><span>49元</span></div>
            </li>
            <li>
                <img src="http://i1.mifile.cn/a4/xmad_15094337975564_BSRIq.jpg" alt="">
                <p>外形简洁大方，大爱小米！全家人都在用小米的产品，真心不错，最主要的是性价比高。附图，给客服妹子一个大...</p>
                <span> 来自于 酸小妞～！ 的评价 </span>
                <div><span>米家车载空气净化器...</span><span>499元</span></div>
            </li>
            <li>
                <img src="http://i1.mifile.cn/a4/032d0ff1-f77f-4830-a469-f3564d55e0c5" alt="">
                <p>非常可爱，一拿到小宝宝还没享受，一帮大宝宝先high了一把，同事也想买，希望早点大卖</p>
                <span> 来自于 秘密 的评价 </span>
                <div><span>米兔智能故事机</span><span>199元</span></div>
            </li>
            <li>
                <img src="http://i1.mifile.cn/a4/aa6b038a-2946-4549-acff-17c58e701556" alt="">
                <p>东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</p>
                <span> 来自于 yinyin19891117 的评价 </span>
                <div><span>小米插线板</span><span>49元</span></div>
            </li>
        </ul>

    </article>
    <article class="neirong">
        <h2>内容</h2>
        <ul>
            <li>
                <input type="radio" name="radio1" checked>
                <input type="radio" name="radio1">
                <input type="radio" name="radio1">
                <ul>
                    <li>
                        <h3>图书</h3>
                        <a>哈利·波特与被诅咒的孩子</a>
                        <p>“哈利·波特”第八个故事中文版震撼来<br>袭！特别彩排版剧本！ </p>
                        <span>29.39</span>
                        <img src="http://i1.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757"  width="216" height="154" alt="">
                    </li>
                    <li><h3>图书</h3>
                        <a>好吗好的</a>
                        <p>畅销作家大冰2016年新书！讲给你<br>听，好吗好的！ </p>
                        <span>27.99</span>
                        <img src="http://i1.mifile.cn/a4/61e1385e-54de-48f3-8717-5e4f4b1cdd14"  width="216" height="154" alt=""></li>
                    <li>
                        <h3>图书</h3>
                        
                        <p>海量好书，享受精品阅读时光<br>漂亮的中文排版，千万读者选择！ </p>
                        
                        <img src="http://s01.mifile.cn/i/index/more-duokan.jpg"  width="216" height="154" alt="">
                    </li>
                </ul>
            </li>
            <li>
                <input type="radio" name="radio2" checked>
                <input type="radio" name="radio2">
                <input type="radio" name="radio2">
                <ul>
                    <li>
                        <h3>MIUI 主题</h3>
                        <a>电影版《夏目友人帐》主题</a>
                        <p>快下载《夏目友人帐》主题拥有最温<br>柔的少年和最可爱的猫咪老师！ </p>
                        <span>免费</span>
                        <img src="http://i1.mifile.cn/a4/xmad_1551940859025_MrKLP.png"  width="216" height="154" alt="">
                    </li>
                    <li><h3>图书</h3>
                        <a>好吗好的</a>
                        <p>畅销作家大冰2016年新书！讲给你<br>听，好吗好的！ </p>
                        <span>27.99</span>
                        <img src="http://i1.mifile.cn/a4/61e1385e-54de-48f3-8717-5e4f4b1cdd14"  width="216" height="154" alt=""></li>
                    <li>
                        <h3>图书</h3>
                        
                        <p>海量好书，享受精品阅读时光<br>漂亮的中文排版，千万读者选择！ </p>
                        
                        <img src="http://s01.mifile.cn/i/index/more-duokan.jpg"  width="216" height="154" alt="">
                    </li>
                </ul>
            </li>
            <li>
                <input type="radio" name="radio3" checked>
                <input type="radio" name="radio3">
                <input type="radio" name="radio3">
                <ul>
                    <li>
                        <h3>游戏</h3>
                        <a>非人学院</a>
                        <p>脑洞大开的二次元竞技手游</p>
                        
                        <img src="http://i1.mifile.cn/a4/xmad_15299832299419_eIPOw.png"  width="216" height="154" alt="">
                    </li>
                    <li><h3>图书</h3>
                        <a>好吗好的</a>
                        <p>畅销作家大冰2016年新书！讲给你<br>听，好吗好的！ </p>
                        <span>27.99</span>
                        <img src="http://i1.mifile.cn/a4/61e1385e-54de-48f3-8717-5e4f4b1cdd14"  width="216" height="154" alt=""></li>
                    <li>
                        <h3>图书</h3>
                        
                        <p>海量好书，享受精品阅读时光<br>漂亮的中文排版，千万读者选择！ </p>
                        
                        <img src="http://s01.mifile.cn/i/index/more-duokan.jpg"  width="216" height="154" alt="">
                    </li>
                </ul>
            </li>
            <li>
                <input type="radio" name="radio4" checked>
                <input type="radio" name="radio4">
                <input type="radio" name="radio4">
                <ul>
                    <li>
                        <h3>应用</h3>
                        <a>2018金米奖</a>
                        <p>最优秀的应用和游戏</p>
                        
                        <img src="http://i1.mifile.cn/a4/3332da7d-4056-4694-9548-c83b7b3af7d3"  width="216" height="154" alt="">
                    </li>
                    <li><h3>图书</h3>
                        <a>好吗好的</a>
                        <p>畅销作家大冰2016年新书！讲给你<br>听，好吗好的！ </p>
                        <span>27.99</span>
                        <img src="http://i1.mifile.cn/a4/61e1385e-54de-48f3-8717-5e4f4b1cdd14"  width="216" height="154" alt=""></li>
                    <li>
                        <h3>图书</h3>
                        
                        <p>海量好书，享受精品阅读时光<br>漂亮的中文排版，千万读者选择！ </p>
                        
                        <img src="http://s01.mifile.cn/i/index/more-duokan.jpg"  width="216" height="154" alt="">
                    </li>
                </ul>
            </li>
        </ul>
    </article >
    <article class="shipin">
        <h2>视频</h2>
        <span>查看全部<span class="iconfont check">&#xe7bd;</span></span>
        <ul>
            <li>
                <img src="http://i1.mifile.cn/a4/xmad_15519428237288_Exonu.jpg" alt="">
                <p>王源 & 小米9 全新广告大片</p>
                <p>好看又能打！我反正被帅到了，Will You？</p>
                <span class="iconfont">&#xe60e;</span>
            </li>
            <li>
                <img src="http://i1.mifile.cn/a4/xmad_15519291062065_hikIJ.jpg" alt="">
                <p>雷军对话王源</p>
                <p>聊了3小时，这9个秘密决定公开</p>
                <span class="iconfont">&#xe60e;</span>
            </li>
            <li>
                <img src="http://i1.mifile.cn/a4/xmad_15519293321746_ChIsr.jpg" alt="">
                <p>小米MIX 3 磁动力滑盖全面屏</p>
                <p>全新滑盖交互体验，不一样的新感觉</p>
                <span class="iconfont">&#xe60e;</span>
            </li>
            <li>
                <img src="http://i1.mifile.cn/a4/xmad_15519292842527_ujNMV.jpg" alt="">
                <p>小米MIX 3 故宫特别版</p>
                <p>传承中华国宝艺术之美</p>
                <span class="iconfont">&#xe60e;</span>
            </li>
        </ul>
        
    </article>
    
</section>
        
    <footer>
        <ul>
            <li><span class="iconfont">&#xe667;</span>预约维修服务</li>
            <li><span class="iconfont">&#xe600;</span>7天无理由退货</li>
            <li><span class="iconfont">&#xe639;</span>15天免费换货</li>
            <li><span class="iconfont">&#xe60b;</span>满150元包邮</li>
            <li><span class="iconfont">&#xe64b;</span>520余家售后网点</li>
        </ul>
        <div>
            <ul>
                <li><span></span>帮助中心</li>
                <li><span></span>服务支持</li>
                <li><span></span>线下门店</li>
                <li><span></span>关于小米</li>
                <li><span></span>关注我们</li>
                <li><span></span>特色服务</li>
            </ul>
            <ul>
                <li>账户管理</li>
                <li>售后政策</li>
                <li>小米之家</li>
                <li>了解小米</li>
                <li>新浪微博</li>
                <li>F码通道</li>
                <li>购物指南</li>
                <li>自助服务</li>
                <li>服务网点</li>
                <li>加入小米</li>
                <li>官方微信</li>
                <li>礼物码</li>
                <li>订单操作</li>
                <li>相关下载</li>
                <li>授权体验店</li>
                <li>投资者关系</li>
                <li>联系我们</li>
                <li>防伪查询</li>
            </ul>
            <div>
                <span>400-100-5678</span>
                <p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
                <div>联系客服</div>
            </div>
        </div>
    </footer>  
    
    
    <script src="dist/js/swiper.min.js"></script>
    <script>        
            var mySwiper = new Swiper ('.swiper-container', {
                direction: 'vertical', // 垂直切换选项
                loop: true, // 循环模式选项
                effect : 'fade',
                autoplay:true,
                autoplay: {
                reverseDirection: true,
                },
              // 如果需要分页器
              pagination: {
                el: '.swiper-pagination',
              },
              
              // 如果需要前进后退按钮
              navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              },
              
              // 如果需要滚动条
            //   scrollbar: {
            //     el: '.swiper-scrollbar',
            //   },
            }) 
                 
    </script>
</body>
</html>